<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="description" content="" />
	<meta name="keywords" content="" />
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
	<meta name="format-detection" content="telephone=no" />
	<link rel="shortcut icon" href="/images/favicon.ico" />
	<!--嵌套css-->
	<link type="text/css" rel="stylesheet" href="/dashboard/css/bootstrap.min.css"/>
	<link type="text/css" rel="stylesheet" href="/dashboard/css/AdminLTE.min.css"/>
	<link type="text/css" rel="stylesheet" href="/dashboard/css/skins/_all-skins.min.css"/>
	<link type="text/css" rel="stylesheet" href="/dashboard/css/temp.css"/>
    <title><%- t('get_started.title') %> - <%- t('global.title') %></title>
    <style>
        /*.btn-success{ background-color:#F26236; border-color:#F26236}
        .btn-success:hover,.btn-success:active,.btn-success:focus{ background-color:#F25236!important; border-color:#F25236!important}*/
        .main-footer .glyphicon{ font-size:45px}
        .main-footer .box{ box-shadow:none; overflow:hidden; margin-top:20px}
        .footer-title{ position:relative; font-size:20px; margin-bottom:30px}
        .footer-title span{ position:relative; background:#fff; z-index:1; padding:0 20px}
        .footer-title:after{ content:''; width:100%; display:block; position:absolute; top:50%; border-bottom:1px solid #f4f4f4}
        @media screen and (max-width: 2000px) {
            .img-respon{
               width:230px;
               height:260px;
               padding-bottom: 40px;
               margin-left:10px;
            }
            .td-img-respon{
                width:320px;
                height:320px;
            }
            #respon1{
                margin-left:110px;
               
                
            }
            #getStarted{
               
               width:250px; 
            }
            .margin_auto{
                width:230px;
                margin-top:7px;
            }
        }
        @media screen and (max-width: 766px) {
            .img-respon{
               width:185px;
               height:200px;
            
            }
            #getStarted{
               margin : 0px auto; 
            }
            .td-img-respon{
                width:240px;
            }
            #respon1{
                text-align:center;
                margin: 0 auto;   
            }
           .margin_auto{
               margin : 0px auto;
           }
        }
    </style>
</head>
<body class="skin-blue layout-top-nav">
<div id="wrapper">
    <div class="wrapper">
        <header class="main-header">
            <nav class="navbar navbar-static-top">
                <div class="container">
                    <div class="navbar-header">
                        <a href="javascript:void(0)">
                            <img src="<%= logo %>" width="50" height="50">
                        </a>
                    </div>
                    <div class="navbar-custom-menu" style="display:none">
                        <ul class="nav navbar-nav">
                            <li class="dropdown user user-menu">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="true">
                                    <div style="backgroundImage:url(123)" class="user-image user-image-bg" alt="User Image"></div>
                                    <span class="hidden-xs">123</span>
                                </a>
                                <ul class="dropdown-menu">
                                    <li class="user-header">
                                        <img src="" class="img-circle" alt="User Image" />
                                        <p>
                                            123
                                            <small style="display:none">注册自 2011-11-11</small>
                                            <small>hash_id：12345</small>
                                        </p>
                                    </li>
                                    <li class="user-body" style="display:none">
                                        <div class="row">
                                            <div class="col-xs-12 text-center">
                                                当前空间使用{state.used} / 共{state.total}
                                            </div>
                                        </div>
                                    </li>
                                    <li class="user-footer">
                                        <div class="pull-left">
                                            <a href="/settings/profile" class="btn btn-default btn-flat">修改信息</a>
                                        </div>
                                        <div class="pull-right">
                                            <a href="/logout" class="btn btn-default btn-flat">登出账号</a>
                                        </div>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </nav>
        </header>
        <div class="content-wrapper">
            <div class="container">
                <div class="content" style="width:640px; max-width:100% ">
                    <h2 class="text-center" style="margin-bottom:25px"><%- t('get_started.theme') %></h2>
                    <p style="margin-bottom:0; text-align:center"><%- t('get_started.describe') %></p>                  
                        <div class="col-sm-4">
                            <div class="description-block" style=" margin-top:40px;text-align:center">                         
                                <img  class="img-respon" src="/images/screen.png" />
                                <p class="btn btn-block btn-lg btn-primary"  id="getStarted"><%- t('get_started.start') %></p>                           
                            </div> 
                        </div>
                        <div class="col-sm-4" >
                            <div class="description-block"  id="respon1"  style=" margin-top:40px;text-align:center;">                            
                                <img  class="img-respon"  src="<%= user.qr_code %>" />
                                <div class="margin_auto" ><%- t('get_started.help_qr_code')%></div>
                            </div>
                        </div>
                </div>
            </div>
        </div>
        <footer class="main-footer">
            <div class="container">
                <div class="box box-solid">
                    <h4 class="footer-title text-center"><span><%- t('get_started.sccounts') %></span></h4>
                    <div class="col-sm-4">
                        <div class="description-block">
                            <i class="glyphicon glyphicon-ok-sign text-green"></i>
                            <h4><%- t('get_started.permission') %></h4>
                            <span class="description-text"><%- t('get_started.authorization') %></span>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="description-block">
                            <i class="glyphicon glyphicon-inbox text-green"></i>
                            <h4><%- t('get_started.set') %></h4>
                            <span class="description-text"><%- t('get_started.operators') %></span>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="description-block">
                            <i class="glyphicon glyphicon-star text-green"></i>
                            <h4><%- t('get_started.safe') %></h4>
                            <span class="description-text"><%- t('get_started.ensure') %></span>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
    </div>
</div>
<!--嵌套js-->

<script type="text/javascript" src="/dashboard/js/jQuery-2.1.4.min.js"></script>


<script>
    document.getElementById('getStarted').onclick=function(){
        window.open("/wechat/platform/redirect", "oauth_window", "width=1000px,height=800");
    }

    function refreshOfficialAccount() {
        location.reload();
    }

    setInterval(function(){
        $.ajax({
            type: "get",
            url: "/me/walls",
            dataType: 'json',
            success: function (data){
                if (data.length>0){
                    window.location.reload(); 
                }
            }
        });
    }, 10000); 
    
</script>
</body>
</html>